<template>
  <div class="list-container">
    <el-page-header content="列表页" />
    <el-table :data="tableData" border>
      <el-table-column prop="name" label="姓名" />
      <el-table-column prop="age" label="年龄" />
      <el-table-column prop="date" label="日期" />
    </el-table>
    <el-button type="primary">submit</el-button>
    <CommonButton type="primary">11223</CommonButton>
  </div>
</template>

<script setup lang="ts">
import { formatDate } from "@yuppie/utils";

// 模拟表格数据
const tableData = [
  { name: "张三", age: 20, date: "2024-01-01" },
  { name: "李四", age: 25, date: "2024-01-02" },
  { name: "王五", age: 30, date: "2024-01-03" },
];
console.log(formatDate(new Date()));
</script>

<style scoped>
.list-container {
  padding: 20px;
}
</style>
